<template>
  <div>
    <!-- <Count num="1" /> -->
    <Count num="3" />
    <Child :init="username" />
    <Child :init="age" />
    <Child :init="17"></Child>
    <Child :init="isFlag" />
    <Child :init="false" />
    <Child :init="['唱歌', '跳舞', '滑冰']" />
    <Child :init="bodyInfo" />
  </div>
</template>

<script setup>
import Count from "./Count.vue";
import Child from "./Child.vue";
import { ref, reactive } from "vue";
const username = ref("校园");
const age = ref(16);
const isFlag = ref(true);
const bodyInfo = reactive({
  height: "18cm",
  weight: "190kg",
});
</script>

<style lang="scss" scoped></style>
